<template >
    
   <div app>
     
      <v-navigation-drawer
        permanent hide-overlay       
        app
      >
        <v-list style="margin-top:50px">
          <v-list-item class="px-2">
            <v-list-item-avatar>
              <v-img src="@/assets/tiger.jpg"></v-img>
              
            </v-list-item-avatar>
          </v-list-item>

          <v-list-item link>
            <v-list-item-content>
              <v-list-item-title class="text-h6">
                Tiger
              </v-list-item-title>
              <v-list-item-subtitle>1852342709@qq.com</v-list-item-subtitle>
            </v-list-item-content>
          </v-list-item>
        </v-list>

        <v-divider></v-divider>

        <v-list
          nav
          dense
          
        >
          <v-list-item link to='/Mainpage/file'>
            <v-list-item-icon>
              <v-icon>mdi-folder</v-icon>
            </v-list-item-icon>
            <v-list-item-title>Files</v-list-item-title>
          </v-list-item>
          <v-list-item link to='/Mainpage/share'>
            <v-list-item-icon>
              <v-icon>mdi-account-multiple</v-icon>
            </v-list-item-icon>
            <v-list-item-title>comment</v-list-item-title>
          </v-list-item>
          <v-list-item link to='/Mainpage/comment'>
            <v-list-item-icon>
              <v-icon>mdi-star</v-icon>
            </v-list-item-icon>
            <v-list-item-title>comment</v-list-item-title>
          </v-list-item>
        </v-list>
      </v-navigation-drawer>
    

  <v-app-bar app>
    <!-- -->
    <div >
      Welcome to tiger's page
      <!--v-img src="@/assets/sea.jpeg" style="height:20px"></!--v-img-->
    </div>
  </v-app-bar>

  <!-- 根据应用组件来调整你的内容 -->
  <v-main >

    <!-- 给应用提供合适的间距 -->
    <v-container fluid>

      <!-- 如果使用 vue-router -->
      <router-view></router-view>
    </v-container>
  </v-main>

    <v-footer app>
      <!-- -->
    </v-footer>
</div>
</template>

<script>


export default {
  name: 'Mainpage',
  data: () => {
    //
    return {
     
    }
  },
  // components: {
    
  // },
    // mounted() {
    //     this.getList();
    //     this.timer = window.setInterval(() => {
    //         setTimeout(() => {
    //             this.getList()
    //         },0)
    //     },3000)
    // },

    methods: {
    toPage: function (tab) {
      this.CurrentComp = tab; // tab 为当前触发标签页的组件名
    },


    // methods: {
    //     getList() {
    //         // 发送接口
    //         console.log("轮询结果正常")
    //     }
    // },
    // destroyed() {
    //     window.clearInterval(this.timer)
    // }
  },
};
</script>
